<!DOCTYPE html>
<html lang="en" ng-app="clientApp">
<head>
    <meta charset="UTF-8">

    <!-- import css -->
    <link href="/client_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="/client_modules/bootstrap/dist/css/bootstrap-theme.css" rel="stylesheet">
    <link href="/client_modules/angular-bootstrap/ui-bootstrap-csp.css" rel="stylesheet">

    <!-- import scripts -->
    <script src="/client_modules/angular/angular.js"></script>
    <script src="/client_modules/angular-route/angular-route.js"></script>
    <script src="/client_modules/angular-bootstrap/ui-bootstrap.js"></script>
    <script src="/client_modules/angular-bootstrap/ui-bootstrap-tpls.js"></script>
    <script src="/client_modules/ng-file-upload/ng-file-upload-shim.js"></script>
    <script src="/client_modules/ng-file-upload/ng-file-upload.js"></script>

    <!-- import modules -->
    <script src="../config/core.client.router.js"></script>
    <script src="/user/controllers/user.client.controller.js"></script>
    <script src="/order/controllers/order.client.controller.js"></script>
    <script src="/dish/controllers/dish.client.controller.js"></script>
    <script src="/merchant/controllers/merchant.client.controller.js"></script>
    <script src="/merchant/services/merchant.client.service.js"></script>
    <script src="/dish/services/dish.client.service.js"></script>
    <title>Merchant Home</title>
    <link rel="stylesheet" href="views/css/style.css">
    <link rel="stylesheet" href="views/css/upload.css">
</head>
<body class="layout-background" ng-controller="logoutController">
<nav class="navbar navbar-default nav-bar">
    <div class="layout-width">
        <div class="navbar-header" style="margin-left: -220px">
            <a href="javascript:void(0)" class="navbar-brand">ITA Order
                System</a>
        </div>
        <div class="pull-right"
             style="font-size: 20px; position: relative; top: 10px; right: -230px;">
            <label class="control-label">Hello: </label> <a
                href="#/home">{{merchant.mname}}</a>
            <div style="margin-left: 70px; margin-top: -8px;">
                <button class="btn btn-danger btn-xs" ng-click="logout()">Logout</button>
            </div>
        </div>
    </div>
</nav>
<div >
    <div id="menu-panel" class="menu-container menu-close">
        <ul style="margin-top: 30px" class="nav nav-pills nav-stacked">


            <li id='menu_h' style="white-space: nowrap;" role="presentation"
                ng-class="{true : 'active'}[active == 'home']"><a href="#/home"><span
                    class="glyphicon glyphicon-home"></span>&nbsp;&nbsp;&nbsp;&nbsp;Home</a>
            </li>

            <li id='menu_dl' style="white-space: nowrap;" role="presentation"
                ng-class="{true : 'active'}[active == 'dishList']" ng-show="merchant.status == 1"><a href="#/dishList"><span
                    class="glyphicon glyphicon-check"></span>&nbsp;&nbsp;&nbsp;&nbsp;Dish List</a></li>


            <li id='menu_ui' style="white-space: nowrap;" role="presentation"
                ng-class="{true : 'active'}[active == 'updateInfo']"><a href="#/updateInfo"><span
                    class="glyphicon glyphicon-exclamation-sign"></span>&nbsp;&nbsp;&nbsp;&nbsp;Update Info</a></li>

            <li id='menu_no' style="white-space: nowrap;" role="presentation"
                ng-class="{true : 'active'}[active == 'newOrders']" ng-show="merchant.status == 1"><a href="#/newOrders"><span
                    class="glyphicon glyphicon-apple" id="newOrders"><span class="newstyle" ng-show="flag">{{new}}</span></span>&nbsp;&nbsp;&nbsp;&nbsp;New Orders</a>
            </li>

            <li id='menu_ol' style="white-space: nowrap;" role="presentation"
                ng-class="{true : 'active'}[active == 'ordersList']" ng-show="merchant.status == 1"><a href="#/ordersList"><span
                    class="glyphicon glyphicon-thumbs-down"></span>&nbsp;&nbsp;&nbsp;&nbsp;Orders
                List</a></li>

            <li id='menu_mc' style="white-space: nowrap;" role="presentation"
                ng-class="{true : 'active'}[active == 'myComplain']" ng-show="merchant.status == 1"><a
                    href="#/myComplain"><span class="glyphicon glyphicon-thumbs-down"></span>&nbsp;&nbsp;&nbsp;&nbsp;My
                Complain</a></li>
        </ul>
    </div>
</div>
<br />
<div class="operation-container" ng-view></div>
</body>
</html>